<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
			h2 {
				text-align: center;
			}
			table,
			td,
			th {
				border: 2px solid black;
				border-collapse: collapse;

			}
			th {
				padding: 5px 30px;
			}
			table {
				height: 100px;
				margin: 0 auto;
				text-align: center;
			}
		</style>
	</head>
	<body>
		<script>
			let price = +prompt('请输入价格')
			let num = +prompt('请输入数量')
			let address = prompt('请输入地址')
			let sum = price * num
			document.write(`
				<h2>订单付款确认页面</h2>
				<table>
					<tr>
						<th>商品名称</th>
						<th>商品价格</th>
						<th>商品数据</th>
						<th>总价</th>
						<th>收货地址</th>
					</tr>
					<tr>
						<td>小米手机青春PLUS</td>
						<td>${price}元</td>
						<td>${num}</td>
						<td>${sum}元</td>
						<td>${address}</td>
					</tr>
				</table>
			`)
		</script>
	</body>
</html>